<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>墨阅小说-找回密码</title>
    <link th:href="@{/moyue/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/moyue/css/all.css}"  rel="stylesheet">
    <link th:href="@{/moyue/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet">
    <link rel="shortcut icon" th:href="@{/images/favicon.ico}" type="image/x-icon"/>
</head>
<body><div class="wrip">
    <div class="header">
        <div class="header-sy">
            <a href="index.html" th:href="@{/moyue/user/index}" style="font-size: 40px">墨阅</a>
            <a href="javascript:;"style="font-size: 20px">&nbsp;&nbsp;- 找回密码</a>
        </div>
    </div>
    <div class="wrip-seek">
        <div class="seek-top">
            <ul class="seek-top-one">
                <li class="seek-top-color"><i class="iconfont">&#xe62d;</i>-验证信息</li>
                <li><i class="iconfont">&#xe62e;</i>-重置密码</li>
                <li><i class="iconfont">&#xe62f;</i>-重置成功</li>
            </ul>
        </div>
        <div class="seek-accont seek-block">
            <div class="register-verify-input">
                <div class="register-verify-input-one">
                    <i>邮箱号</i>
                </div>
                <div class="register-verify-input-one" onchange="accontone()" >
                    <input placeholder="请输入你的邮箱号码" id="email" onkeyup="formemai()">
                </div>
            </div>
            <span class="span-s" id="span1"></span>
            <p id="demo2"></p>
            <div class="register-varifys">
                <div class="register-varifys-input" style="margin-left: 20px">
                    <input placeholder="请输入邮箱验证码" id="emailcode" onkeyup="emailpassword()">
                </div>
                <div class="register-varifys-input"style="margin-left: 138px">
                    <input type="button" class="email1s" value="发送邮箱验证码" style="background-color: #f7ba17;color: #fff;height: 100%;" onclick="emailpass()" />
                </div>
            </div>
            <p id="demo3"></p>
            <div class="accont-varify">
                <div class="varify-input" style="width: 100px">
                    <input placeholder="请输入验证码" id = "input"   onkeyup="validete()">
                </div>
                <div class="varify-input"style="margin-left: 10px;width: 190px">
                    <input type="button" onclick="createCode()" id="checkCode">
                    <span style="font-size: 5px">看不清？点击图片更换</span>
                </div>
                <!--<span class="spans" id="span3"></span>-->
            </div>
            <p id="demo4"></p>
            <div class="accont-next" onclick="accont()">
                下一步
            </div>
        </div>>
        <div class="seek-reset seek-none">
            <div class="reset">
                <p class="reset-p"><i class="iconfont">&#xe617; </i>验证成功，你可以设置新的密码!</p>
                <div class="reset-xin">
                    <span style="margin-left: 20px">新密码</span>
                    <input placeholder="6-20个字符，由字母、数字组合而成" id="newni" onchange="newpass()">
                </div>
                <span class="span-s" id="span3"></span>
                <p id="demo5"></p>
                <div class="reset-aff">
                    <span style="margin-left: 20px">确认密码</span>
                    <input placeholder="请再次输入密码" id="newnis" onkeyup="newpasses()">
                </div>
                <span class="span-s" id="span4"></span>
                <p id="demo6"></p>
                <div class="reset-button" onclick="reset()">完成</div>
            </div>
        </div>
        <div class="seek-succeed seek-none">
            <div class="succeed">
                <p>修改密码成功！</p>
                <p>点击<a href="index.html" th:href="@{/moyue/user/index}" style="color:#e4aa45">首页</a>进行登录</p>
            </div>
        </div>
    </div>
</div></body>
<script  th:src="@{/moyue/js/jquery-3.3.1.min.js}"></script>
<script  th:src="@{/moyue/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/moyue/js/all.js}"></script>
</html>